<template>
	<view class="page" :style="{backgroundImage: `url(${usefInfo.head_img})`}">
		<view class="loading_css" v-if="isShow">
			<u-loading size="36" color="#6A0002"></u-loading>
			<view class="loading_text">加载中</view>
		</view>
		<block v-else>
			<web-view v-show="webView" :webview-styles="webviewStyles" :fullscreen="false" src="/hybrid/html/1.html" @message="onPostMessage"></web-view>
			<view class="flex  flex flex-wrap align-center my_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
				<!-- benben-position-layout -->
				<view class='flex flex-wrap align-center justify-between flex-sub my_fd0_0'>
					<view class='flex flex-wrap align-center' @tap.stop="popupShow1683699358036=true">
						<image class='my_fd0_0_c0_c0' :src='STATIC_URL+"16.png"'></image>
					</view>
					<view class='flex flex-wrap align-stretch justify-center flex-sub'>
					</view>
					<view class='flex flex-wrap align-center my_fd0_0_c2'>
					</view>
				</view>
			</view>
			<!--    <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view> -->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction align-center benben-flex-layout my_flex_1">
				<view class='flex flex-wrap align-center my_fd1_0'>
					<view class="upload position-relative">
						<image class=" my_fd1_0_c0_image" mode="aspectFill" :src="usefInfo.head_img"></image>
					</view>
					<view class='flex align-center heIndex_fd1_0_c1'  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/my/authentication/authentication`">
						<image class='heIndex_fd1_0_c1_c0' mode="aspectFill" :src='STATIC_URL+"19.png"'
							v-if="usefInfo.is_vip== 1"></image>
						<text class='heIndex_fd1_0_c1_c1' v-if="usefInfo.is_real_person_auth == 1"
							style="padding-top: 2rpx;">已真人认证</text>
						<text class='heIndex_fd1_0_c1_c1' v-else
							style="padding-top: 2rpx;">未真人认证</text>
					</view>
				</view>
				<view class='flex flex-wrap align-center my_fd1_1'>
					<text class='my_fd1_1_c0'>{{usefInfo.user_nickname}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-center heIndex_fd1_2'>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.sex_name=='男'">男</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.sex_name=='女'">女</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.age">{{usefInfo.age}}</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.height">{{usefInfo.height}}</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.weight">{{usefInfo.weight}}</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.sex_name=='女'">胸围:{{usefInfo.bust || '未设置'}}</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.sex_name=='女'">腰围:{{usefInfo.waistline || '未设置'}}</text>
					<text class='heIndex_fd1_2_c0' v-if="usefInfo.sex_name=='女'">臀围:{{usefInfo.hipline || '未设置'}}</text>
				</view>
				<view class='flex flex-wrap align-center my_fd1_3'>
					<view class='flex flex-wrap align-center justify-around flex-sub my_fd1_3_c0'>
						<view class='flex flex-direction flex-wrap align-center justify-center'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/followList/followList`">
							<text class='my_fd1_3_c0_c0_c0'>{{usefInfo.follow_nums}}</text>
							<text class='my_fd1_3_c0_c0_c1'>关注</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center justify-center'>
							<text class='my_fd1_3_c0_c0_c0'>{{usefInfo.fans_nums}}</text>
							<text class='my_fd1_3_c0_c0_c1'>粉丝</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center justify-center'>
							<text class='my_fd1_3_c0_c0_c0'>{{usefInfo.likes_nums}}</text>
							<text class='my_fd1_3_c0_c0_c1'>点赞</text>
						</view>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout my_flex_2">
				<view class='flex flex-wrap align-center'>
					<view style="width: 100%;">
						<view>
							<view class="benben_tabsfd2_0_c0-body-item flex flex-wrap align-center" v-if=" tabs == '2' "
								:id="`benben_tabsfd2_0_c0-body-item-${'2'}`">

								<scroll-view class='my_bodyItemfd2_0_c0_c3_c0' :scroll-y='true'>

									<view class='flex flex-direction align-stretch benben-scroll flex'>
										<view class='flex flex-wrap align-center my_bodyItemfd2_0_c0_c4_c0_c0'>
											<text class='my_bodyItemfd2_0_c0_c3_c0_c0_c0_c0'>我的动态</text>
										</view>
										<view style="overflow: hidden;"
											class='my_bodyItemfd2_0_c0_c4_c0_c1'>
											<view class="noData_other" v-if="list.length == 0 ">
												<image src="/static/empty/no.png" style="margin-top: -30rpx;"></image>
												<view style="margin-top: -10rpx;">没有动态~</view>
											</view>
											<view
												class='flex flex-direction align-stretch my_bodyItemfd2_0_c0_c4_c0_c1_c0'
												v-else v-for="(i,k) in list" :key="k">
												<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c0' mode="aspectFill"
													:src='i.head_img' v-show="i.type==1" @tap.stop="handleJumpDiy"
													data-type="navigateTo"
													:data-url="`/pages/faxian/dynamicDetails/dynamicDetails?id=${i.aid}&type=3`">
												</image>
												<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c0' mode="aspectFill"
													:src='i.images[0]' v-show="i.type==2" @tap.stop="handleJumpDiy"
													data-type="navigateTo"
													:data-url="`/pages/faxian/dynamicDetails/dynamicDetails?id=${i.aid}&type=3`">
												</image>
												<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c0' mode="aspectFill"
													:src='i.video_image' v-show="i.type==3" @tap.stop="handleJumpDiy"
													data-type="navigateTo"
													:data-url="`/pages/faxian/dynamicDetails/dynamicDetails?id=${i.aid}&type=3`">
												</image>
												<text
													class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c1'>{{i.content|| "内容还没有哦~"}}</text>
												<view class='flex align-center my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2'>
													<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2_c0'
														mode="aspectFill" :src='i.head_img'>
													</image>
													<text
														class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2_c1'>{{i.user_nickname}}</text>
													<text
														class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2_c2'>{{i.create_time}}</text>
												</view>
												<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c3' mode="aspectFill"
													:src='STATIC_URL+"63.png"' v-show="i.type==3">
												</image>
												<view
													class='flex flex-wrap align-center justify-between my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4'>
													<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4_c0'
														mode="aspectFit" :src='STATIC_URL+"21.png"'></image>
													<text
														class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4_c1'>{{i.likes_num}}</text>
												</view>
												<view
													class='flex flex-wrap align-center justify-between my_bodyItemfd2_0_c0_c4_c0_c1_c0_c5'>
													<image class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4_c0'
														mode="aspectFit" :src='STATIC_URL+"22.png"'></image>
													<text
														class='my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4_c1'>{{i.comment_num || 0}}</text>
												</view>
											</view>
											<u-loadmore v-if="last_page > 1" class="loadmore" font-size="24"
												:status="status" :icon-type="iconType" :load-text="loadText" />
										</view>
									</view>
								</scroll-view>

							</view>
						</view>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1683699358036" :mask="true" mode='left'>
				<!---flex布局flex布局开始-->
				<view class="flex benben-flex-layout flex-wrap align-center my_flex_3">
					<view class='flex flex-direction flex-wrap align-stretch flex-sub my_fd3_0'>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/myProfile1681889402/myProfile1681889402`">
							<text class='my_fd3_0_c0_c0'>我的资料</text>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/myAlbum/myAlbum`">
							<text class='my_fd3_0_c0_c0'>我的相册</text>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/monologue/monologue`">
							<text class='my_fd3_0_c0_c0'>我的独白</text>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/myEvaluate/myEvaluate`">
							<text class='my_fd3_0_c0_c0'>我的评价</text>
						</view>
						<view v-if="usefInfo.sex_name=='女'" class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/videoAuthentication/videoAuthentication`">
							<text class='my_fd3_0_c0_c0'>视频认证</text>
						</view>
						<view v-if="usefInfo.sex_name=='女'" class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/authentication/authentication`">
							<text class='my_fd3_0_c0_c0'>实名认证</text>
						</view>
						
						<view v-if="usefInfo.sex_name=='女' && is_hide == 0" class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/qbgl/vip/vip`">
							<text class='my_fd3_0_c0_c0'>我的会员</text>
						</view>
						<view class='flex flex-wrap align-center justify-between my_fd3_0_c0'
							v-if="usefInfo.sex_name=='女' && is_hide == 0">
							<text class='my_fd3_0_c0_c0' @tap.stop="handle">广告管理</text>
							<benben-switch default-color='#dcdfe6' color='rgba(0, 195, 75, 1)' :disabled='false'
								:auto='true' size='70' :value="kaiguan" @click.native="orkaiguan">
							</benben-switch>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/qbgl/agentApplication/agentApplication`" v-if="is_hide == 0">
							<text class='my_fd3_0_c0_c0'>申请代理</text>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/xtsz/iNeedFeedback/iNeedFeedback`">
							<text class='my_fd3_0_c0_c0'>意见反馈</text>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo"
							:data-url="`/pages/my/platformCustomerService/platformCustomerService`">
							<text class='my_fd3_0_c0_c0'>联系我们</text>
						</view>
						<view class='flex flex-wrap align-center my_fd3_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/xtsz/system/system`">
							<text class='my_fd3_0_c0_c0'>设置</text>
						</view>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
		</block>



	</view>
</template>
<script>
	import UploadImage from '@/common/utils/upload-image.js'
	export default {
		components: {},


		data() {
			return {
				userid: "",
				"popupShow1683699358036": false,
				kaiguan: false,
				"tabsInfofd2_0_c0": {
					lineleft: '',
					lineWidth: '',
					moveX: 0,
					scrollX: 0,
					PageScrollX: 0
				},
				"bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c0_c1": "4",
				"bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c1_c1": 2,
				"bodyItemfd2_0_c0_c3_c0_c0_c3_c2_c0_c1": 2,
				"bodyItemfd2_0_c0_c3_c0_c0_c3_c2_c1_c1": 2,
				"fd1_0_c0": "",
				"fd1_0_c0id": "",
				"tabs": "2",
				is_open_ads: '',
				isshenhe: -1,
				usefInfo: {},
				"list": [],
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				"isShow": true,
				type: 1,
				is_edit: true,
				webviewStyles: {
					width: '1px',
					height: '1px',
					
				},
				webView: false,
				is_hide: 1,
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {


		},
		created() {

		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			this.getuser()
			this.getActivityList();
			this.postHide();
		},
		onHide() {
			this.popupShow1683699358036 = false
		},
		onResize() {

		},
		//下拉
		onPullDownRefresh() {
			this.page = 1;
			this.is_pull = true;
			this.isShow = true;
			this.getActivityList();
			this.getuser()
		},
		//上啦触底
		onReachBottom(e) {
			if (this.page >= this.last_page) return;
			this.status = 'loading';
			this.page++;
			setTimeout(() => {

				if (this.page >= this.last_page) this.status = 'nomore';
				else this.status = 'loading';
				this.is_pull = false;
				this.getActivityList();
			}, 500)
		},
		methods: {
			// 根据ip获取地区
			onPostMessage(e) {
				// console.log(e.detail.data[0].code);
				uni.setStorageSync('ipCode', e.detail.data[0].code);
			},
			// 是否隐藏三方  post64fabe4eafefc
			postHide() {
				this.$api.post(global.apiUrls.post64fabe4eafefc, {
					
				}).then(res => {
					// console.log(res);
					if (res.data.code == 1) {
						this.is_hide = res.data.data.is_hide;
					}
				})
			},
			previewImage(index, url) { // index 索引 如果 需要复用方法 可以使用 类型来进行区分(val)
				uni.previewImage({
					current: index, // 当前显示图片的索引值
					urls: url, // 需要预览的图片列表，photoList要求必须是数组
				})
			},
			handle() {
				if (this.kaiguan == true) {
					uni.navigateTo({
						url: '/pages/my/advertisementManage/advertisementManage'
					})
				} else {
					this.$message.info('请先开启广告设置')
				}
			},
			//开关
			async orkaiguan() {
				this.kaiguan = !this.kaiguan
				if (this.kaiguan == true) {
					this.is_open_ads = 1
				} else {
					this.is_open_ads = 0
				}
				let res = await this.$api.post(global.apiUrls.changeguanggao, {
					is_open_ads: this.is_open_ads
				});
				if (res.data.code == -1) {
					this.$message.info(res.data.msg);
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/my/myProfile1681889402/myProfile1681889402'
						})
					}, 800)
					return;
				}
				if (res.data.code == -2) {
					this.$message.info(res.data.msg);
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/my/videoAuthentication/videoAuthentication'
						})
					}, 800)
					return;
				}
				if (res.data.code == 0) {
					this.$message.info(res.data.msg);
					this.getuser();
					return
				}
				if (res.data.code == 1) {
					this.$message.info(res.data.msg);
					// this.getuser();
					setTimeout(() => {
						if (res.data.data.is_open == 1) {
							uni.navigateTo({
								url: '/pages/my/advertisementManage/advertisementManage'
							})
						}
					}, 800)
					return
				}
			},
			//获取信息
			async getuser() {
				let id1 = uni.getStorageSync("USER_INFO")
				this.userid = id1.id
				let res = await this.$api.post(global.apiUrls.userinfo, {
					user_id: this.userid,
				});
				this.isShow = false
				if (res.data.code != 1) {
					this.$message.info(res.data.msg)
					return
				}
				this.usefInfo = res.data.data
				if (this.usefInfo.sex == 1) {
					this.usefInfo.sex_name = '男'
				} else {
					this.usefInfo.sex_name = '女'
				}
				if (this.usefInfo.images_status == 0) {
					this.isshenhe = 0
				} else if (this.usefInfo.images_status == -1) {
					this.isshenhe = -1
				} else if (this.usefInfo.images_status == 1) {
					this.isshenhe = 1
				} else if (this.usefInfo.images_status == 2) {
					this.isshenhe = 2
				}
				if (this.usefInfo.is_open_ads == 1) {
					this.kaiguan = true
				} else {
					this.kaiguan = false
				}
				// console.log(this.isshenhe, 'this.isshenhe')
				console.log(this.usefInfo, 'this.usefInfo')
			},
			editMonologue() {
				this.is_edit = !this.is_edit;
				if (this.is_edit) {
					this.$api.post(global.apiUrls.changeuesr, {
						head_img: this.usefInfo.head_img,
						user_nickname: this.usefInfo.user_nickname,
						birthday: this.usefInfo.birthday,
						weight: parseInt(this.usefInfo.weight),
						height: parseInt(this.usefInfo.height),
						waistline: this.usefInfo.waistline,
						bust: this.usefInfo.bust,
						hipline: this.usefInfo.hipline,
						email: this.usefInfo.email,
						mobile: this.usefInfo.mobile,
						work_place: this.usefInfo.work_place,
						career: this.usefInfo.career,
						monologue: this.usefInfo.monologue,
						// lianxifangshi: this.lianxifangshi
					}).then(res => {
						this.$message.info(res.data.msg);
						if (res.data.code == 1) {
							this.getuser();
						}
					})
				}
			},
			//动态
			getActivityList() {
				this.$api.post(global.API_VERSION + '/6473222e217cf', {
					user_id: this.userid,
					page: this.page
				}).then(res => {
					uni.stopPullDownRefresh();
					if (res.data.code == 1) {
						this.last_page = res.data.data.last_page;
						if (this.is_pull) {
							this.list = res.data.data.data;
						} else {
							this.list = this.list.concat(res.data.data.data);
						}
					} else {
						this.$message.info(res.data.msg);
					}
				})
			},
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		height: 100%;
		overflow-x: hidden;
		height: calc(100vh - var(--window-bottom));
		// background: url(/static/images/18.png) no-repeat, #F8F8F8;
		background-size: 100% 720rpx !important;
		background-color: #f8f8f8;
		background-repeat: no-repeat;
		padding-bottom: 48rpx;
	}

	.my_flex_0 {
		background: rgba(51, 51, 51, 0.7);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.my_fd0_0_c2 {
		width: 32rpx;
		height: 32rpx;
	}

	.my_fd0_0_c0_c0 {
		width: 42rpx;
		height: 42rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.my_fd0_0 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.my_flex_1 {
		background: rgba(51, 51, 51, 0.7);
		height: 591rpx;
		background-size: 100% auto !important;
	}

	.my_fd1_3_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.my_fd1_3_c0_c0_c0 {
		color: #FFFFFF;
		font-size: 40rpx;
		font-weight: 700;
		line-height: 57rpx;
		margin: 0rpx 0rpx 6rpx 0rpx;
	}

	.my_fd1_3_c0 {
		margin: -25rpx 0rpx 0rpx 0rpx;
	}

	.my_fd1_3 {
		width: 100%;
	}

	.my_fd1_2_c0 {
		background: rgba(255, 255, 255, 0.3);
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		padding: 2rpx 14rpx 2rpx 14rpx;
		background-size: 100% auto !important;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		margin: 0rpx 8rpx 16rpx 8rpx;
	}

	.my_fd1_2_c01 {
		background: rgba(255, 255, 255, 0.3);
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		padding: 6rpx 14rpx 2rpx 14rpx;
		background-size: 100% auto !important;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		margin: 0rpx 8rpx 16rpx 8rpx;
	}

	.my_fd1_2_c03 {
		background: rgba(255, 255, 255, 0.3);
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		padding: 4rpx 14rpx 2rpx 14rpx;
		background-size: 100% auto !important;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		margin: 0rpx 8rpx 16rpx 8rpx;
	}

	.my_fd1_2 {
		width: 500rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.my_fd1_2_1 {
		// width: 500rpx;
		margin: 0rpx 0rpx 60rpx 0rpx;
	}

	.my_fd1_1_c0 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 29rpx;
		padding-top: 15rpx;
		padding-bottom: 15rpx;
	}

	.my_fd1_1 {
		margin: 24rpx 0rpx 16rpx 0rpx;
	}

	.my_fd1_0_c1_c1 {
		color: #6A0002;
		font-size: 20rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 0rpx;
		width: 120rpx;
	}

	.my_fd1_0_c1_c0 {
		width: 20rpx;
		height: 20rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
	}

	.my_fd1_0_c1 {
		background: #F4CDCF;
		position: absolute;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 0rpx 12rpx 0rpx 12rpx;
		bottom: 0rpx;
		width: 180rpx;
		left: -21rpx;
	}

	.my_fd1_0_c123 {
		background: #F4CDCF;
		position: absolute;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 0rpx 12rpx 0rpx 12rpx;
		bottom: 0rpx;
		width: auto;
		left: -6rpx;
	}

	.my_fd1_0_c0_image {
		width: 140rpx;
		height: 140rpx;
		border-radius: 70rpx 70rpx 70rpx 70rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.my_fd1_0 {
		position: relative;
	}

	.my_flex_2 {
		background: rgba(248, 248, 248, 1);
		margin: -80rpx 0rpx 0rpx 0rpx;
		background-size: 100% auto !important;
		border-radius: 32rpx 32rpx 0rpx 0rpx;
		overflow: hidden;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c1_c3 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: absolute;
		right: 16rpx;
		top: 278rpx;
	}

	.heIndex_fd1_0_c1 {
		background: #F4CDCF;
		position: absolute;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 0rpx 12rpx 0rpx 12rpx;
		bottom: 0rpx;
		width: 150rpx;
		left: -4rpx;
	}

	.heIndex_fd1_0_c1_c0 {
		width: 20rpx;
		height: 20rpx;
		vertical-align: middle;
		// transform: translateY(4rpx);
	}

	.heIndex_fd1_0_c1_c1 {
		color: #6A0002;
		font-size: 20rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c1_c2_c2 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c1_c1 {
		margin: 16rpx 16rpx 24rpx 16rpx;
		color: #FFFFFF;
		font-size: 26rpx;
		font-weight: 500;
		line-height: 37rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c1 {
		background: rgba(65, 65, 75, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		box-shadow: 0rpx 6rpx 25rpx rgba(0, 0, 0, 0.1);
		margin: 0rpx 0rpx 24rpx 0rpx;
		position: relative;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c5 {
		background: #333333;
		position: absolute;
		bottom: 164rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 102rpx;
		height: 32rpx;
		padding: 0rpx 16rpx 0rpx 16rpx;
		right: 16rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4_c1 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 400;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4_c0 {
		width: 24rpx;
		height: 24rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.heIndex_fd1_2 {
		width: 500rpx;
		margin: 0rpx 0rpx 60rpx 0rpx;
	}

	.heIndex_fd1_2_c0 {
		background: rgba(255, 255, 255, 0.3);
		color: #fff;
		font-size: 20rpx;
		font-weight: 400;
		padding: 0 14rpx;
		height: 28rpx;
		line-height: 32rpx;
		background-size: 100% auto !important;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		margin: 0rpx 8rpx 16rpx 8rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c4 {
		background: #333333;
		position: absolute;
		bottom: 164rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 102rpx;
		height: 32rpx;
		padding: 0rpx 16rpx 0rpx 16rpx;
		left: 16rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c3 {
		width: 58rpx;
		height: 58rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: absolute;
		right: 150rpx;
		top: 150rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2_c2 {
		color: #BFBFBF;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 30rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2_c1 {
		color: #C4C4C4;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 30rpx;
		margin: 0rpx 0rpx 0rpx 8rpx;
		width: 70px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c2 {
		margin: 0rpx 16rpx 32rpx 16rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c1 {
		margin: 16rpx 16rpx 24rpx 16rpx;
		color: var(--benbenFontColor0);
		font-size: 26rpx;
		font-weight: 500;
		line-height: 37rpx;
		width: 300rpx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-line-clamp: 1;
		/* 或者其它值，表示支持的最大行数 */
		max-height: 2.4rem;

	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0_c0 {
		width: 344rpx;
		height: 342rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1_c0 {
		background: var(--benbenbgColor0);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		box-shadow: 0rpx 6rpx 25rpx rgba(0, 0, 0, 0.1);
		margin: 0rpx 0rpx 24rpx 0rpx;
		position: relative;
		float: left;
		margin-right: 14rpx;
	}
	.my_bodyItemfd2_0_c0_c4_c0_c1_c0:nth-child(2n + 2) {
		margin-right: 0rpx;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c1 {
		// margin: 0rpx 24rpx 0rpx 24rpx;
		padding: 0 24rpx;
	}

	.vip_fd2_0 {
		// touch-action: none;
		// width: 726rpx;
		width: 100%;
	}

	.my_bodyItemfd2_0_c0_c4_c0_c0 {
		margin: 50rpx 32rpx 24rpx 32rpx;
	}

	.my_titlefd2_0_c0_c4 {
		margin: 0rpx 80rpx 0rpx 0rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c3_c2_c0 {
		background: #FFFFFF;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		width: 325rpx;
		height: 64rpx;
		padding: 12rpx 0rpx 12rpx 21rpx;
		margin: 0rpx 26rpx 0rpx 0rpx;
	}

	.my_star1bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c1_c1 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 5rpx 0rpx 5rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c1 {
		background: #FFFFFF;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		width: 330rpx;
		height: 64rpx;
		padding: 12rpx 0rpx 12rpx 21rpx;
	}
	
	
	
	
	

	.my_star1bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c0_c1 {
		height: 32rpx;
		margin: 0rpx 5rpx 0rpx 5rpx;
		width: 28rpx;
	}

	.my_star1bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c0_c1 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 5rpx 0rpx 5rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c3_c1_c0 {
		background: #FFFFFF;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		width: 330rpx;
		height: 64rpx;
		padding: 12rpx 0rpx 12rpx 21rpx;
		margin: 0rpx 26rpx 0rpx 0rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c2_c1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c2_c1 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}
	.monologue_input {
		margin: 0rpx 32rpx 0rpx 32rpx;
		background: #eee;
		padding: 16rpx 24rpx;
		border-radius: 16rpx;
		input {
			width: 100%;
			font-size: 30rpx;
		}
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c2 {
		margin: 0rpx 0rpx 48rpx 0rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c1 {
		margin: 0rpx 23rpx 40rpx 23rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c112 {
		width: 750rpx;
		padding: 0 23rpx;
		display: flex;
		flex-wrap: nowrap;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c1_c0 {
		flex-shrink: 0;
		width: 160rpx;
		height: 160rpx;
		margin: 0rpx 8rpx 24rpx 8rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c0_c1 {
		color: #6A0002;
		font-size: 28rpx;
		font-weight: 400;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
	}

	.my_bodyItemfd2_0_c0_c3_c0_c0_c0 {
		margin: 0rpx 32rpx 24rpx 32rpx;
	}
	
	
	
	
	
	
	
	
	
	

	.my_bodyItemfd2_0_c0_c3_c0_c0 {
		margin: 50rpx 0rpx 0rpx 0rpx;
	}

	.my_bodyItemfd2_0_c0_c3_c0 {
		touch-action: none;
		height: 780rpx;
	}

	.my_titlefd2_0_c0_c3 {
		margin: 0rpx 0rpx 0rpx 80rpx;
	}

	.my_linefd2_0_c0 {
		// background: rgba(106, 0, 2, 1);
		background: url(/static/images/20.png) no-repeat;
		width: 24rpx;
		height: 18rpx;
		top: 72rpx;
		z-index: 10;
		background-size: 100% auto !important;
	}

	.checkTitlefd2_0_c0 {
		font-weight: 500 !important;
		font-size: 32rpx !important;
		color: rgba(51, 51, 51, 1) !important;
		// background-color: rgba(255, 255, 255, 1) !important;
	}

	::v-deep .my_benbenTabsfd2_0_c0 {
		background: rgba(248, 248, 248, 1);
		height: 90rpx;
		white-space: nowrap;
		text-align: center;
		font-style: normal;
		color: rgba(153, 153, 153, 1);
		font-size: 28rpx;
		font-weight: 400;
	}

	.my_flex_3 {
		padding: 88rpx 0rpx 0rpx 0rpx;
		width: 50vw;
	}

	.my_fd3_0_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
	}

	.my_fd3_0_c0 {
		padding: 24rpx 0rpx;
	}

	.my_fd3_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}
</style>